﻿<!DOCTYPE html>

<html>
<head>

    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="@Url.Content("~/Scripts/jquery.form.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.mouse.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.dialog.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.position.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.bgiframe-2.1.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.core.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.widget.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.Epi.Survey.Components.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/CheckCodeEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.PreventEnter.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/idle-timer.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-sliderAccess.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.idletimeout.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.idletimer.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/eweMaterialUI.css")" rel="Stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/validationEngine.jquery.css")" rel="Stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/ui-lightness/jquery-ui-1.8.16.custom.css")" rel="Stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/jquery.ui.all.css")" rel="Stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/knockout-2.0.0.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tools.min.js")"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#successContent').hide();
            $("#myform").validationEngine();
            $('div#pages a').click(PostForm);
            function PostForm(event) {
                // Clicking the navigation links at the top, get the target Url and then post the form
                document.forms[0].action = event.target.href;
                $("#myform").submit();
                return false;
            }
            var firstControl = $('form *:input[type!=hidden]:enabled:first');
            if (firstControl != null) {
                firstControl.focus();
            }
        });
    </script>
    <!--[if lt IE 9]>
    <script>
        $(function() {

            var el;

            $("select.fix-me")
                .each(function() {
                    el = $(this);
                    el.data("origWidth", el.outerWidth()) // IE 8 will take padding on selects
                })
              .mouseenter(function(){
                $(this).css("width", "auto");
              })
              .bind("blur change", function(){
                el = $(this);
                el.css("width", el.data("origWidth"));
              });
        });
    </script>
    <![endif]-->
</head>
<body>
    <div id="container">
        <div class="navbar">
            <div class="navbar-inner" style="border-radius: 0px;">
                <div class="container" style="margin:auto 10px; width:auto;">
                    <a class="brand" href="#">
                        <img alt="Epi Info 7 - VHF" src="~/Content/images/epiIconb.png" style="width:32px; vertical-align:text-top;" />
                        CLOUD VHF
                    </a>
                </div>
            </div>
        </div>
        <div id="maincontent">
            @RenderBody()
        </div>
        <div id="push"></div>
    </div>
    <div id="footer">
        Epi Info VHF Outbreak Management Web Application [Beta]
    </div>

</body>
</html>

